<template>
	<div id="footer">
		<div class="w">
			<div class="product">
				<dl>abc-赛品件</dl>
				<dt>共同打造的上亿旅行者"旅行神器"</dt>
				<dt><span class="num">6,000</span> 多个的地</dt>
				<dt><span class="num">6,0000</span> 多个的地</dt>
				<dt><span class="num">760,000,000</span> 次攻略下载</dt>
				<dt><span class="num">38,000</span> 家旅游产业全球游泳用品供应商</dt>
			</div>
			<div class="about">
				<dl>关于我们</dl>
				<dt>隐私政策&nbsp;&nbsp; 商标声明</dt>
				<dt>服务协议&nbsp;&nbsp; 游记协议</dt>
				<dt>商品平台&nbsp;&nbsp; 服务协议</dt>
				<dt>网络信息侵权通知指引</dt>
				<dt>旅游旅游网服务监督员</dt>
				<dt>网络地图加入</dt>
			</div>
			<div class="serve">
				<dl>旅游服务</dl>
				<dt>旅游攻略&nbsp;&nbsp; 酒店预订</dt>
				<dt>旅游特价&nbsp;&nbsp; 国际租车</dt>
				<dt>旅游问答&nbsp;&nbsp; 订火车票</dt>
				<dt>旅游资讯&nbsp;&nbsp; APP下载</dt>
			</div>
			<div class="ewm">
				<div class="about">关注我们</div>
				<div>
					<img src="../assets/ewm.png" alt="" />
				</div>
			</div>
		</div>
	</div>
</template>


<script>
	export default {};
</script>


<style lang="less" scoped>
	.num {
		color: #be944d;
	}
	#footer {
		box-sizing: border-box;
		width: 100%;
		background-color: #353235;
		display: flex;
		justify-content: center;
		padding: 0.781vw 0;
		.w {
			padding: 0.26vw 1.042vw;
			font-size: 0.625vw;
			width: 50vw;
			color: #b7b6c9;
			display: flex;
			justify-content: space-between;
			dl {
				font-size: 0.938vw;
				text-align: center;
			}
			dt {
				margin-bottom: 0.26vw;
				text-align: center;
				line-height: 1.042vw;
			}
			.ewm {
				// display: flex;
				img{
					width: 4.167vw;
					height: 4.167vw;
				}
				.about {
					text-align: center;
					font-size: 0.938vw;
					margin-bottom: 0.26vw;
					color: #b7b6c9;
				}
			}
		}
	}
</style>